<!DOCTYPE html>
<html>
<head>	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div class="bg-page-footer"></div>
	<div id="wrapper">
   		<div id="top-menu">
        	<ul>
            	<li><a href="#">Online Store</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">DELIVERY</a></li>
                <li><a href="#">FAQS</a></li>
                <li class="last"><a href="#">CONTACTS</a></li>
            </ul>
        </div>
        <div id="contain">
        	<div id="header">
            	<div class="logo">
                	<a href="#"><img width="100%" src="images/baner-top-latest.png" alt="" /></a>
                </div>
            </div>
            <div id="nav-menu">
            	<div class="menu">
                    <ul>
                        <li class="first-item"><a href="#">Newborn</a></li>	
                        <li><a href="#">Baby boy</a></li>
                        <li><a href="#">Kid Boy</a></li>
                        <li><a href="#">Baby Girl</a></li>
                        <li><a href="#">Kid Girl</a></li>
                    </ul>
				</div>
            </div>
            <div id="main-adv">
            	<div class="slider">
                	<a href="#"><img src="images/product.jpg" alt="" /></a>
                </div>
                <div class="left-adv">
                	<div class="lev">
	                	<a href="#"><img src="images/adv.jpg" alt="" /></a>
                  	</div>
                    <div class="lev">
	                	<a href="#"><img src="images/adv.jpg" alt="" /></a>
                  	</div>
                    <div class="lev">
	                	<a href="#"><img src="images/adv.jpg" alt="" /></a>
                  	</div>
                </div>
                <div class="clr"></div>
            </div>
            <div id="brand">
            	<div class="brand-left"></div>
                <div class="brand-center"></div>
                <div class="brand-right"></div>
                <div class="clr"></div>
            </div>
            <div id="slogan">
            	<div>
                    <p style="font-size: 18px; color: #b8b8b8; text-align: justify;font-family: arial;">
                        <img src="images/welcome.png"style="float: left; margin-right: 20px;">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
                        </p>
              	</div>
            </div>
            <div class="featured-view">
            	<h1>Featured Products</h1>
                <div class="row">
                	<div class="row2">
                        <div class="lev x1">
                            <div class="top_prod"></div>
                            <div class="prod_img">
                                <a href="#"><img src="images/3_167x200.jpg" alt="" /></a>
                            </div>
                            <div class="shadow"></div>
                            <div class="prod_name">
                                <a href="#" title="Dino Brief">Dino Brief</a>				
                            </div>
                            <div class="prod_price">
                                <div class="prod_saleprice">150,000</div>
                            </div>
                        </div>
                        <div class="lev x2">
                            <div class="top_prod"></div>
                            <div class="prod_img">
                                <a href="#"><img src="images/3_167x200.jpg" alt="" /></a>
                            </div>
                            <div class="shadow"></div>
                            <div class="prod_name">
                                <a href="#" title="Dino Brief">Dino Brief</a>				
                            </div>
                            <div class="prod_price">
                                <div class="prod_saleprice">150,000</div>
                            </div>
                        </div>
                        <div class="lev x3">
                            <div class="top_prod"></div>
                            <div class="prod_img">
                                <a href="#"><img src="images/3_167x200.jpg" alt="" /></a>
                            </div>
                            <div class="shadow"></div>
                            <div class="prod_name">
                                <a href="#" title="Dino Brief">Dino Brief</a>				
                            </div>
                            <div class="prod_price">
                                <div class="prod_saleprice">150,000</div>
                            </div>
                        </div>
                        <div class="lev x4">
                            <div class="top_prod"></div>
                            <div class="prod_img">
                                <a href="#"><img src="images/3_167x200.jpg" alt="" /></a>
                            </div>
                            <div class="shadow"></div>
                            <div class="prod_name">
                                <a href="#" title="Dino Brief">Dino Brief</a>				
                            </div>
                            <div class="prod_price">
                                <div class="prod_saleprice">150,000</div>
                            </div>
                        </div>
                        <div class="lev x5">
                            <div class="top_prod"></div>
                            <div class="prod_img">
                                <a href="#"><img src="images/3_167x200.jpg" alt="" /></a>
                            </div>
                            <div class="shadow"></div>
                            <div class="prod_name">
                                <a href="#" title="Dino Brief">Dino Brief</a>				
                            </div>
                            <div class="prod_price">
                                <div class="prod_saleprice">150,000</div>
                            </div>
                        </div>
                        <div class="clr"></div>
                 	</div>    
                </div>
                <div class="row">
                	<div class="row2">
                        <div class="lev x2">
                            <div class="top_prod"></div>
                            <div class="prod_img">
                                <a href="#"><img src="images/3_167x200.jpg" alt="" /></a>
                            </div>
                            <div class="shadow"></div>
                            <div class="prod_name">
                                <a href="#" title="Dino Brief">Dino Brief</a>				
                            </div>
                            <div class="prod_price">
                                <div class="prod_saleprice">150,000</div>
                            </div>
                        </div>
                        <div class="lev x5">
                            <div class="top_prod"></div>
                            <div class="prod_img">
                                <a href="#"><img src="images/3_167x200.jpg" alt="" /></a>
                            </div>
                            <div class="shadow"></div>
                            <div class="prod_name">
                                <a href="#" title="Dino Brief">Dino Brief</a>				
                            </div>
                            <div class="prod_price">
                                <div class="prod_saleprice">150,000</div>
                            </div>
                        </div>
                        <div class="lev x1">
                            <div class="top_prod"></div>
                            <div class="prod_img">
                                <a href="#"><img src="images/3_167x200.jpg" alt="" /></a>
                            </div>
                            <div class="shadow"></div>
                            <div class="prod_name">
                                <a href="#" title="Dino Brief">Dino Brief</a>				
                            </div>
                            <div class="prod_price">
                                <div class="prod_saleprice">150,000</div>
                            </div>
                        </div>
                        <div class="lev x3">
                            <div class="top_prod"></div>
                            <div class="prod_img">
                                <a href="#"><img src="images/3_167x200.jpg" alt="" /></a>
                            </div>
                            <div class="shadow"></div>
                            <div class="prod_name">
                                <a href="#" title="Dino Brief">Dino Brief</a>				
                            </div>
                            <div class="prod_price">
                                <div class="prod_saleprice">150,000</div>
                            </div>
                        </div>
                        <div class="lev x4">
                            <div class="top_prod"></div>
                            <div class="prod_img">
                                <a href="#"><img src="images/3_167x200.jpg" alt="" /></a>
                            </div>
                            <div class="shadow"></div>
                            <div class="prod_name">
                                <a href="#" title="Dino Brief">Dino Brief</a>				
                            </div>
                            <div class="prod_price">
                                <div class="prod_saleprice">150,000</div>
                            </div>
                        </div>
                        <div class="clr"></div>
                 	</div>    
                </div>
            </div>
            <div class="main-tag">
            	<div class="tag-top"></div>
                <div class="tag-center">
                	<ul class="tag-item">
                    	<li>
                            <a href="#">
                                <span class="item-top"></span>
                                <span class="item-center">Thời trang trẻ em</span>
                                <span class="item-bot"></span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="tag-bot"></div>
                <div class="clr"></div>
            </div>
        </div>
        
        <div id="footer">
        	<div class="logo">
            	<a href="#"><img src="images/logo-footer.png" alt="" /></a>
            </div>
            <div class="intro">
            	<div class="menu">
                </div>
                <div class="info">
                	<p>Địa chỉ: 92B Đường 339, P.Phước Long B, Quận 9</p>
                    <p>Địa chỉ: 23 Đường 1, Khu Phố 4, P.An Phú, Quận 2, TP.Hồ Chí Minh</p>
                    <p>Email:thoitrangbebo@yahoo.com - Phone: 0909 911 922</p>
                    <p>Copyright 2013 BeBoShop</p>
                </div>
            </div>
        </div>
   	</div>
</body>
</html>